

.horizontalFlex {
  display: flex;
  flex-direction: row;
}
.verticalFlex {
  display: flex;
  flex-direction: column;
}
.alignItemCenter{
  align-items: center;
}
.alignItemStart {
  align-items: flex-start;
}
.alignItemEnd {
  align-items: flex-end;
}
/* 两端没有空白等距分布*/
.spaceBetween {
  justify-content: space-between;
}
/*
  两端有空白等距分布
*/
.spaceAround {
  justify-content: space-around;
}
.spaceStart {
  justify-content: flex-start;
}
.spaceEnd {
  justify-content: flex-end;
}
.spaceCenter {
  justify-content: center;
}
body {
			margin: 0 auto;
			font-size: 1rem;
			font-family:苹方-简;
			/*font-size: 28px;*/
		}

.content {
	border-radius: calc(20rem/28);
	overflow: hidden;
	background-color: #E8D2AA;
	color: #814320;
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	width: 50%;
	max-height: calc(480rem/28);
	margin: auto;

}


.dislog {
			position: fixed;
			z-index: 999;
			width: 100%;
			height: 100%;
			background-color: #00000069;

}
.closeBtn{
	height: calc(80rem/28);
	width:calc(80rem/28);
}
